<template>
	<view>
		<view class="icon">
			<image src="../../../static/icons/success.png"></image>
		</view>
		<view class="tis">
			订单支付成功
		</view>
		<view class="pay-amount">
			支付金额:{{price }}元
		</view>
		<view class="back">
			<view class="btn" @tap="toUser">个人中心</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				price:0
			}
		},
		onLoad(e){  //onload事件会在页面或图像加载完成后立即发生。
			this.price = e.price
		},
		methods:{
			toUser(){
				uni.switchTab({  //跳转到tabBar页面,并关闭其他所有非tabBar页面。
					url:'/pages/mine/index'
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	view{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.icon{
		width: 100%;
		margin-top: 100rpx;
		image{
			width: 100rpx;
			height: 100rpx;
		}
	}
	.tis{
		width: 100%;
		margin-top: 40rpx;
		font-size: 45rpx;
	}
	.pay-amount{
		width: 100%;
		margin-top: 40rpx;
		font-size: 35rpx;
	}
	.back{
		position: absolute;
		left: 0;
		bottom: 100rpx;
		width: 100%;
		font-size: 35rpx;
		.btn{
			padding: 0 30rpx;
			height: 55rpx;
			border: 1px solid #354E44;
			color: #354E44;
			align-items: center;
			border-radius: 10rpx;
			font-size: 35rpx;
		}
	}
</style>
